﻿/* Copyright (c) 2013 Szymon Rozga
 * 
 * See the file LICENSE.txt for copying permission. */

#contenthost {
    height: 100%;
    width: 100%;
}

.fragment {
    /* Define a grid with rows for a banner and a body */
    -ms-grid-rows: 128px 1fr;
    display: -ms-grid;
    height: 100%;
    width: 100%;
}

.fragment header[role=banner] {
    /* Define a grid with columns for the back button and page title. */
    -ms-grid-columns: 39px 81px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
}

.fragment header[role=banner] .win-backbutton {
    -ms-grid-column: 2;
    margin-top: 59px;
}

.fragment header[role=banner] .titlearea {
    -ms-grid-column: 3;
    margin-top: 37px;
}

.fragment header[role=banner] .titlearea .pagetitle {
    width: calc(100% - 20px);
}

.fragment section[role=main] {
    margin-left: 120px;
    margin-right: 120px;
    -ms-grid-row:2;
    height: 100%;
    width: 100%;
}

/*#listview .win-container:hover {
    outline: none;
}*/

.task {
    display: -ms-grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 4fr 2fr 40px;
    margin: 5px;
    height: 40px;
}

.task-title {
    -ms-grid-column: 1;
}

.task-completed {
    -ms-grid-column: 3;
}

.task-rating {
    -ms-grid-column: 2;
}